<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    request.setAttribute("path", path);
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">
    <title>有缘书城</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/layui/layui.js"></script>
</head>
<body>
<!-- start header -->
<header>
    <div class="top center">
        <div class="left fl">
            <ul>
                <li><a href="http://www.mi.com/" target="_blank">有缘书城</a></li>
                <li>|</li>
                <li><a href="">MIUI</a></li>
                <li>|</li>
                <li><a href="">掌上阅读</a></li>
                <li>|</li>
                <li><a href="">笔趣阁</a></li>
                <li>|</li>
                <li><a href="">多看阅读</a></li>
                <li>|</li>
                <li><a href="">云服务</a></li>
                <li>|</li>
                <li><a href="">金融</a></li>
                <li>|</li>
                <li><a href="">有缘商城移动版</a></li>
                <li>|</li>
                <li><a href="">问题反馈</a></li>
                <li>|</li>
                <li><a href="">Select Region</a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="right fr">
            <div class="gouwuche fr"><a href="${pageContext.request.contextPath}/shop/showAllShop">购物车</a></div>
            <div class="fr">
                <ul>
                    <li><a href="${pageContext.request.contextPath}/rescoues/userlogin.jsp" target="_blank">登录</a></li>
                    <li>|</li>
                    <li><a href="${pageContext.request.contextPath}/page/register.jsp" target="_blank" >注册</a></li>
                    <li>|</li>
                    <li><a href="${pageContext.request.contextPath}/user/exit" onclick="exit()">退出</a></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</header>
<!--end header -->

<!-- start banner_x -->
<div class="banner_x center">
    <a href="${pageContext.request.contextPath}/page/zhuye.jsp" target="_blank"><div class="logo fl"></div></a>
    <a href=""><div class="ad_top fl"></div></a>
    <div class="nav fl">
        <ul>
            <li><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">有缘书架</a></li>
            <li><a href="${pageContext.request.contextPath}/page/liebiao.jsp">小说</a></li>
            <li><a href="${pageContext.request.contextPath}/page/liebiao.jsp">漫画</a></li>
            <li><a href="${pageContext.request.contextPath}/page/liebiao.jsp">工具书</a></li>
            <li><a href="${pageContext.request.contextPath}/page/liebiao.jsp">专业书</a></li>
            <li><a href="${pageContext.request.contextPath}/page/liebiao.jsp">儿童读物</a></li>
            <li><a href="${pageContext.request.contextPath}/page/liebiao.jsp">美术</a></li>
            <li><a href="${pageContext.request.contextPath}/page/liebiao.jsp">其他</a></li>
            <li><a href="">服务</a></li>
            <li><a href="">社区</a></li>
        </ul>
    </div>
    <div class="search fr">
        <form action="" method="post">
            <div class="text fl">
                <input type="text" class="shuru"  placeholder="&nbsp;红楼梦">
            </div>
            <div class="submit fl">
                <input type="submit" class="sousuo" value="搜索"/>
            </div>
            <div class="clear"></div>
        </form>
        <div class="clear"></div>
    </div>
</div>
<!-- end banner_x -->

<!-- start banner_y -->
<div class="banner_y center" style="background: url('../image/tushu.jpg') no-repeat;background-position: 118px -134px">
    <div class="nav">
        <ul>
            <li>
                <a href="">漫画</a>
                <a href="">3D</a>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/ashuai.jpg" alt=""></div>
                                    <span class="fl">阿衰</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/hlm.jpg" alt=""></div>
                                    <span class="fl">红楼梦</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/xiyouji.jpg" alt=""></div>
                                    <span class="fl">西游记</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/c++.png" alt=""></div>
                                    <span class="fl">c++基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java.jpg" alt=""></div>
                                    <span class="fl">java入门基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java1.jpg" alt=""></div>
                                    <span class="fl">Java基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/zuofan.jpg" alt=""></div>
                                    <span class="fl">中国烹饪</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/gt.jpg" alt=""></div>
                                    <span class="fl">钢铁是怎样炼成的</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/haizei.jpg" alt=""></div>
                                    <span class="fl">海贼王漫画</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/huozhe.jpg" alt=""></div>
                                    <span class="fl">活着</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="">小说</a>
                <a href="">言情</a>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/ashuai.jpg" alt=""></div>
                                    <span class="fl">阿衰</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/hlm.jpg" alt=""></div>
                                    <span class="fl">红楼梦</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/xiyouji.jpg" alt=""></div>
                                    <span class="fl">西游记</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/c++.png" alt=""></div>
                                    <span class="fl">c++基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java.jpg" alt=""></div>
                                    <span class="fl">java入门基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java1.jpg" alt=""></div>
                                    <span class="fl">Java基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/zuofan.jpg" alt=""></div>
                                    <span class="fl">中国烹饪</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/gt.jpg" alt=""></div>
                                    <span class="fl">钢铁是怎样炼成的</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/haizei.jpg" alt=""></div>
                                    <span class="fl">海贼王漫画</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/huozhe.jpg" alt=""></div>
                                    <span class="fl">活着</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="">儿童读物</a>
                <a href="">童智</a>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/ashuai.jpg" alt=""></div>
                                    <span class="fl">阿衰</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/hlm.jpg" alt=""></div>
                                    <span class="fl">红楼梦</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/xiyouji.jpg" alt=""></div>
                                    <span class="fl">西游记</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/c++.png" alt=""></div>
                                    <span class="fl">c++基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java.jpg" alt=""></div>
                                    <span class="fl">java入门基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java1.jpg" alt=""></div>
                                    <span class="fl">Java基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/zuofan.jpg" alt=""></div>
                                    <span class="fl">中国烹饪</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/gt.jpg" alt=""></div>
                                    <span class="fl">钢铁是怎样炼成的</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/haizei.jpg" alt=""></div>
                                    <span class="fl">海贼王漫画</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/huozhe.jpg" alt=""></div>
                                    <span class="fl">活着</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="">移动书架</a>
                <a href="">书签</a>
                <a href="">手绘本</a>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/ashuai.jpg" alt=""></div>
                                    <span class="fl">阿衰</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/hlm.jpg" alt=""></div>
                                    <span class="fl">红楼梦</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/xiyouji.jpg" alt=""></div>
                                    <span class="fl">西游记</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/c++.png" alt=""></div>
                                    <span class="fl">c++基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java.jpg" alt=""></div>
                                    <span class="fl">java入门基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java1.jpg" alt=""></div>
                                    <span class="fl">Java基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/zuofan.jpg" alt=""></div>
                                    <span class="fl">中国烹饪</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/gt.jpg" alt=""></div>
                                    <span class="fl">钢铁是怎样炼成的</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/haizei.jpg" alt=""></div>
                                    <span class="fl">海贼王漫画</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/huozhe.jpg" alt=""></div>
                                    <span class="fl">活着</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="">美术</a>
                <a href="">绘本</a>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/ashuai.jpg" alt=""></div>
                                    <span class="fl">阿衰</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/hlm.jpg" alt=""></div>
                                    <span class="fl">红楼梦</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/xiyouji.jpg" alt=""></div>
                                    <span class="fl">西游记</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/c++.png" alt=""></div>
                                    <span class="fl">c++基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java.jpg" alt=""></div>
                                    <span class="fl">java入门基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java1.jpg" alt=""></div>
                                    <span class="fl">Java基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/zuofan.jpg" alt=""></div>
                                    <span class="fl">中国烹饪</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/gt.jpg" alt=""></div>
                                    <span class="fl">钢铁是怎样炼成的</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/haizei.jpg" alt=""></div>
                                    <span class="fl">海贼王漫画</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/huozhe.jpg" alt=""></div>
                                    <span class="fl">活着</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="">工具书</a>
                <a href="">测量工具</a>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/ashuai.jpg" alt=""></div>
                                    <span class="fl">阿衰</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/hlm.jpg" alt=""></div>
                                    <span class="fl">红楼梦</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/xiyouji.jpg" alt=""></div>
                                    <span class="fl">西游记</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/c++.png" alt=""></div>
                                    <span class="fl">c++基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java.jpg" alt=""></div>
                                    <span class="fl">java入门基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java1.jpg" alt=""></div>
                                    <span class="fl">Java基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/zuofan.jpg" alt=""></div>
                                    <span class="fl">中国烹饪</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/gt.jpg" alt=""></div>
                                    <span class="fl">钢铁是怎样炼成的</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/haizei.jpg" alt=""></div>
                                    <span class="fl">海贼王漫画</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/huozhe.jpg" alt=""></div>
                                    <span class="fl">活着</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="">书套</a>
                <a href="">背包</a>
                <a href="">签名卡</a>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/ashuai.jpg" alt=""></div>
                                    <span class="fl">阿衰</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/hlm.jpg" alt=""></div>
                                    <span class="fl">红楼梦</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/xiyouji.jpg" alt=""></div>
                                    <span class="fl">西游记</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/c++.png" alt=""></div>
                                    <span class="fl">c++基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java.jpg" alt=""></div>
                                    <span class="fl">java入门基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java1.jpg" alt=""></div>
                                    <span class="fl">Java基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/zuofan.jpg" alt=""></div>
                                    <span class="fl">中国烹饪</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/gt.jpg" alt=""></div>
                                    <span class="fl">钢铁是怎样炼成的</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/haizei.jpg" alt=""></div>
                                    <span class="fl">海贼王漫画</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/huozhe.jpg" alt=""></div>
                                    <span class="fl">活着</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="">明星写真</a>
                <a href="">动漫手办</a>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/ashuai.jpg" alt=""></div>
                                    <span class="fl">阿衰</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/hlm.jpg" alt=""></div>
                                    <span class="fl">红楼梦</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/xiyouji.jpg" alt=""></div>
                                    <span class="fl">西游记</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/c++.png" alt=""></div>
                                    <span class="fl">c++基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java.jpg" alt=""></div>
                                    <span class="fl">java入门基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java1.jpg" alt=""></div>
                                    <span class="fl">Java基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/zuofan.jpg" alt=""></div>
                                    <span class="fl">中国烹饪</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/gt.jpg" alt=""></div>
                                    <span class="fl">钢铁是怎样炼成的</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/haizei.jpg" alt=""></div>
                                    <span class="fl">海贼王漫画</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/huozhe.jpg" alt=""></div>
                                    <span class="fl">活着</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <a href="">米兔</a>
                <a href="">生活周边</a>
                <div class="pop">
                    <div class="left fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/ashuai.jpg" alt=""></div>
                                    <span class="fl">阿衰</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="${pageContext.request.contextPath}/page/liebiao.jsp" target="_blank">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/hlm.jpg" alt=""></div>
                                    <span class="fl">红楼梦</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/xiyouji.jpg" alt=""></div>
                                    <span class="fl">西游记</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/c++.png" alt=""></div>
                                    <span class="fl">c++基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java.jpg" alt=""></div>
                                    <span class="fl">java入门基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/java1.jpg" alt=""></div>
                                    <span class="fl">Java基础</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="ctn fl">
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/zuofan.jpg" alt=""></div>
                                    <span class="fl">中国烹饪</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/gt.jpg" alt=""></div>
                                    <span class="fl">钢铁是怎样炼成的</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/haizei.jpg" alt=""></div>
                                    <span class="fl">海贼王漫画</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                        <div>
                            <div class="xuangou_left fl">
                                <a href="">
                                    <div class="img fl"><img style="width: 40px;height: 40px;" src="../image/huozhe.jpg" alt=""></div>
                                    <span class="fl">活着</span>
                                    <div class="clear"></div>
                                </a>
                            </div>
                            <div class="xuangou_right fr"><a href="">选购</a></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

</div>

<div class="sub_banner center">
    <div class="sidebar fl">
        <div class="fl"><a href=""><img src="../image/hjh_01.gif"></a></div>
        <div class="fl"><a href=""><img src="../image/hjh_02.gif"></a></div>
        <div class="fl"><a href=""><img src="../image/hjh_03.gif"></a></div>
        <div class="fl"><a href=""><img src="../image/hjh_04.gif"></a></div>
        <div class="fl"><a href=""><img src="../image/hjh_05.gif"></a></div>
        <div class="fl"><a href=""><img src="../image/hjh_06.gif"></a></div>
        <div class="clear"></div>
    </div>
    <div class="datu fl"><a href="#"><img src="../image/haibao01.jpg" alt=""></a></div>
    <div class="datu fl"><a href=""><img src="../image/haibao02.jpg" alt=""></a></div>
    <div class="datu fr"><a href=""><img src="../image/haibao03.jpg" alt=""></a></div>
    <div class="clear"></div>


</div>
<!-- end banner -->
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>

<!-- start danpin -->
<div class="danpin center">

    <div class="biaoti center">有缘书城明星单品</div>
    <div class="main center">
        <div class="mingxing fl">
            <div class="sub_mingxing"><a href=""><img src="../image/hlm.jpg" alt=""></a></div>
            <div class="pinpai"><a href="${pageContext.request.contextPath}/page/liebiao.jsp">红楼梦</a></div>
            <div class="youhui">5月9日-21日享花呗12期分期免息</div>
            <div class="jiage">49元起</div>
        </div>
        <div class="mingxing fl">
            <div class="sub_mingxing"><a href=""><img src="../image/xiyouji.jpg" alt=""></a></div>
            <div class="pinpai"><a href="${pageContext.request.contextPath}/page/liebiao.jsp">西游记</a></div>
            <div class="youhui">5月9日-10日，下单立减200元</div>
            <div class="jiage">49元</div>
        </div>
        <div class="mingxing fl">
            <div class="sub_mingxing"><a href=""><img src="../image/haizei.jpg" alt=""></a></div>
            <div class="pinpai"><a href="${pageContext.request.contextPath}/page/liebiao.jsp">海贼王漫画</a></div>
            <div class="youhui">5月9日-10日，下单附送尾田荣一郎签名画照</div>
            <div class="jiage">89元</div>
        </div>
        <div class="mingxing fl">
            <div class="sub_mingxing"><a href=""><img src="../image/c++.png" alt=""></a></div>
            <div class="pinpai"><a href="${pageContext.request.contextPath}/page/liebiao.jsp">C++入门到入土</a></div>
            <div class="youhui">5月9日，下单立减5元</div>
            <div class="jiage">59元</div>
        </div>
        <div class="mingxing fl">
            <div class="sub_mingxing"><a href=""><img src="../image/ashuai.jpg" alt=""></a></div>
            <div class="pinpai"><a href="${pageContext.request.contextPath}/page/liebiao.jsp">阿衰漫画</a></div>
            <div class="youhui">更轻更薄，像杂志一样随身携带</div>
            <div class="jiage">79元起</div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="peijian w">
    <div class="biaoti center">配件</div>
    <div class="main center">
        <div class="content">
            <div class="remen fl"><a href=""><img src="../image/peijian1.jpg"></a>
            </div>
            <div class="remen fl">
                <div class="xinpin"><span>新品</span></div>
                <div class="tu"><a href=""><img style="width: 150px ;height: 150px;" src="../image/shuqian01.jpg"></a></div>
                <div class="miaoshu"><a href="">国风书签</a></div>
                <div class="jiage">49元</div>
                <div class="pingjia">372人评价</div>
                <div class="piao">
                    <a href="">
                        <span>发货速度很快！很配！</span>
                        <span>来至于mi狼牙的评价</span>
                    </a>
                </div>
            </div>
            <div class="remen fl">
                <div class="xinpin"><span style="background:#fff"></span></div>
                <div class="tu"><a href=""><img style="width: 150px ;height: 150px;" src="../image/shuqian02.jpg"></a></div>
                <div class="miaoshu"><a href="">唯美书签</a></div>
                <div class="jiage">29元</div>
                <div class="pingjia">372人评价</div>
            </div>
            <div class="remen fl">
                <div class="xinpin"><span style="background:red">享6折</span></div>
                <div class="tu"><a href=""><img style="width: 150px ;height: 150px;" src="../image/shuqian03.jpg"></a></div>
                <div class="miaoshu"><a href="">双色书签</a></div>
                <div class="jiage">39元</div>
                <div class="pingjia">372人评价</div>
                <div class="piao">
                    <a href="">
                        <span>发货速度很快！很配！</span>
                        <span>来至于mi狼牙的评价</span>
                    </a>
                </div>
            </div>
            <div class="remen fl">
                <div class="xinpin"><span style="background:#fff"></span></div>
                <div class="tu"><a href=""><img style="width: 150px ;height: 150px;" src="../image/gangbi01.jpg"></a></div>
                <div class="miaoshu"><a href="">小米支架式自拍杆</a></div>
                <div class="jiage">89元</div>
                <div class="pingjia">372人评价</div>
                <div class="piao">
                    <a href="">
                        <span>发货速度很快！很配小米6！</span>
                        <span>来至于mi狼牙的评价</span>
                    </a>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="content">
            <div class="remen fl"><a href=""><img style="width: 234px ;height: 300px;" src="../image/tushu04.png"></a>
            </div>
            <div class="remen fl">
                <div class="xinpin"><span style="background:#fff"></span></div>
                <div class="tu"><a href=""><img style="width: 150px ;height: 150px;" src="../image/gangbi02.jpg"></a></div>
                <div class="miaoshu"><a href="">钢笔</a></div>
                <div class="jiage">79元</div>
                <div class="pingjia">372人评价</div>
                <div class="piao">
                    <a href="">
                        <span>发货速度很快！很配！</span>
                        <span>来至于mi狼牙的评价</span>
                    </a>
                </div>
            </div>
            <div class="remen fl">
                <div class="xinpin"><span style="background:#fff"></span></div>
                <div class="tu"><a href=""><img style="width: 150px ;height: 150px;" src="../image/mingxin01.jpg"></a></div>
                <div class="miaoshu"><a href="">米家随身风扇</a></div>
                <div class="jiage">29.9元</div>
                <div class="pingjia">372人评价</div>
            </div>
            <div class="remen fl">
                <div class="xinpin"><span style="background:#fff"></span></div>
                <div class="tu"><a href=""><img style="width: 150px ;height: 150px;" src="../image/shouban01.jpg"></a></div>
                <div class="miaoshu"><a href="">dc唯美手办</a></div>
                <div class="jiage">559元</div>
                <div class="pingjia">775人评价</div>
            </div>
            <div class="remenlast fr">
                <div class="hongmi"><a href=""><img src="../image/hongmin4.png" alt=""></a></div>
                <div class="liulangengduo"><a href=""><img src="../image/liulangengduo.png" alt=""></a></div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<footer class="mt20 center">
    <div class="mt20">有缘商城|MIUI|zhang'shang'yue'd'y|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
    <div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div>
    <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
</footer>
<script type="text/javascript">
    function exit() {
        alert("退出成功");
    }
</script>
</body>
</html>
